import router from './router'
import store from './store'
// import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken, removeToken } from '@/utils/auth' // get token from cookie
import { Message } from 'element-ui'
// import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/login', '/404'] // no redirect whitelist
// 前置导航守卫
router.beforeEach(async(to, from, next) => {
  // 获取token
  const hasToken = getToken()
  if (hasToken) {
    // 有token，判断是否是对的token,通过验证用户信息
    if (store.getters.userInfo) {
      // 有用户信息，直接放行
      next()
    } else {
      // 有token，但token不一定正确
      try {
        // 没有用户信息，拿可能是错误的token去发请求获取用户信息
        await store.dispatch('user/getInfoAction')
        // 执行到这里，token一定是对的，就可以放行
        // console.log(store.getters.userInfo)
        // 要去的是不是登录页
        if (to.path === '/login') {
          // 是去登录页就跳到首页，已登录了没必要再去登录页
          next('/')
        } else {
          // 不是去登录页就放行
          next()
        }
      } catch (error) {
        // 进入到这里，说明token是错的,删除错的的token，并打回登录页
        removeToken()
        Message.warning('用户信息有错!请重新登录')
        next(`/login?redirect=${to.path}`)
      }
    }
  } else {
    // 无token
    if (whiteList.includes(to.path)) {
      // 在白名单
      next()
    } else {
      // 不在白名单
      Message.error('请先登录')
      next(`/login?redirect=${to.path}`)
    }
  }
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
